<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		
		<style type="text/css">
			.headers{
				background-color: #046EDB;
			}
			.headers a{
				color: white;
			}
			
			.mui-title {
				color: white;
			}
			
			.headers  p{
				color: white;
				line-height: 45px;
				
			}
			
			#mark{
				width: 100%;
				height: 100%;
				position: fixed;
				top: 0;
				bottom: 0;
				right: 0;
				left: 0;
				background-color: rgba(102,102,102,.7);
				z-index: 999;
				display: none;
			}
			
			#mark p{
				width: 140px;
				height: 80px;
				line-height: 80px;
				text-align: center;
				font-size: 18px;
				position: relative;
				top: 50%;
				left: 50%;
				margin-top: -40px;
				margin-left: -70px;
				background-color: rgba(255,255,255,.7);
				
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav headers">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">工资设定</h1>
		   	<a href="#" id="baocun">
		   		 <p class="mui-pull-right" >保存</p>
		   	</a>
		</header>
		<div id="mark">
			<p>保存成功</p>
		</div>
		<div class="mui-content">
		    <ul class="mui-table-view" id="ul_cell">
		            <li class="mui-table-view-cell">
		                <a class="mui-navigate-right">
		                   	月基本工资
		                </a>
		            </li>
		            <li class="mui-table-view-cell">
		                <a class="mui-navigate-right">
		                     小时工资(元/小时)
		                </a>
		            </li>
		            <li class="mui-table-view-cell">
		                <a class="mui-navigate-right">
		                     加班小时工资(元/小时)
		                </a>
		            </li>
		        </ul>
		</div>
		
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			var mark = document.getElementById("mark");
			var a = document.getElementById("baocun");
			
			mui(".headers").on('tap','#baocun',function(){
				mark.style.display = "block",
				
				setTimeout(function(){
					mui.openWindow({
						url:"shezhi.html",
						id:"shezhi.html"
					})
				},2000)
			})
		</script>
	</body>

</html>